<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="img/apple_icons_57x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple_icons_72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple_icons_114x114.png">
<title>Groutek | Premium Html Template</title>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/custom.css" type="text/css" media="all" />
</head>
<body>
	<div class="main_header type1">
        <div class="tagline">
            <div class="container">
                <div class="fright">
                	<div class="tagline_items">
                    	<div class="language_select">
                            <div class="selectBox">
                                <span class="selected"></span>
                                <span class="selectArrow"></span>
                                <div class="selectOptions" >
                                    <span class="selectOption" data-value="english"><img src="img/imgs/uk_flag.png" alt="" />English</span>
                                    <span class="selectOption" data-value="germany"><img src="img/imgs/germany_flag.png" alt="" />Germany</span>
                                </div>
                            </div>
                        </div>
                        <div class="log_in_out"><a href="javascript:void(0);" data-toggle="modal" data-target=".login_popup"><i class="icon-sign-in"></i> Login</a></div>
                        <div class="modal fade login_popup" tabindex="-1" role="dialog" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <h3>Please, Log in</h3>
                                    <form action="javascript:void(0);" method="post">
                                        <input type="text" placeholder="Username*" value="" name="name">
                                        <input type="password" placeholder="Password*" value="" name="password">
                                        <input type="submit" value="Log In"> 
                                        <div class="remember_me"><label><input name="remember" type="checkbox" value="remember">Remember Me</label></div>
                                    </form>
                                    <div class="forgot_password"><a href="javascript:void(0);">Forgot Your Password?</a></div>
                                    <button type="button" class="close_popup" data-dismiss="modal"><i class="icon-times"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="cart_btn">
                        	<a href="shop_cart.html" class="view_cart_btn"><i class="icon-shopping-cart"></i> Cart</a>
                            <!-- Cart submenu -->
                            <div class="cart_submenu">
                            	<div class="cart_wrap">
                                	<a href="javascript:void(0);" class="remove_products"><i class="icon-times-circle"></i></a>
                                	<ul class="product_posts">                                    
                                        <li>
                                            <img src="img/shop/1.jpg" alt="" />
                                            <a href="shop_product.html" class="title">Nemo Enim Ipsam</a>
                                            <div class="price">1<span>x</span>$500.00</div>
                                        </li>
                                    </ul>
                                    <div class="subtotal">Subtotal: <span>$500.00</span></div>
                                    <a href="shop_cart.html" class=" shortcode_button btn_small btn_type5 mr15">View cart</a>
                                    <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type1 mr0">Checkout</a>
                                </div>
                            </div>
                            <!-- //Cart submenu -->
                        </div>
                    </div>
                    <div class="top_search" id="top_search">
                        <form action="#" method="get" name="search_form">
                            <input type="text" class="ct-search-input" value="" name="s" placeholder="Search...">
                            <input type="submit" value="Search" class="s_submit">
                            <span class="top-icon-search">
                            	<i class="icon-search"></i>
                            </span>                                
                        </form>                            
                    </div>                   
                </div>
                <div class="fleft">
                    <div class="phone"><i class="icon-phone"></i> +1 800 245 39 25</div>
                    <div class="email"><a href="mailto:#"><i class="icon-envelope"></i> info@yourdomain.com</a></div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="header_parent_wrap">
            <header>
                <div class="container">
                	<a class="top_menu_toggler" href="javascript:void(0)"></a>
                	<div class="logo_sect">
                        <a href="index.html" class="logo"><img src="img/logo.png" class="logo_def" alt="" /><img src="img/retina/logo.png" class="logo_retina" alt="" /></a>                
                    </div> 
                    <nav>
                        <ul class="menu">
                            <li class="menu-item-has-children"><a href="#">Home</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="index.html">Home Type1</a></li>
                                        <li><a href="home_type2.html">Home Type2</a></li>
                                        <li><a href="home_type3.html">Home Type3</a></li> 
                                        <li><a href="home_type4.html">Home Type4</a></li>                     
                                    </ul> 
                                </div>	
                            </li>
                            <li class="menu-item-has-children"><a href="#">Pages</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li class="menu-item-has-children"><a href="#">About</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="about.html">About 1</a></li>
                                                    <li><a href="about2.html">About 2</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li><a href="service.html">Service</a></li>
                                        <li><a href="team.html">Team</a></li>
                                        <li><a href="careers.html">Careers</a></li>
                                        <li><a href="gallery.html">Gallery</a></li>
                                        <li><a href="showreel.html">Showreel</a></li>
                                        <li><a href="404.html">404 Error</a></li>
                                        <li><a href="faq.html">FAQ</a></li>
                                        <li><a href="sitemap.html">Sitemap</a></li>
                                        <li><a href="coming_soon.html">Coming Soon</a></li>                                                                      
                                    </ul> 
                                </div>
                            </li>
                            <li class="current-menu-parent menu-item-has-children"><a href="#">Features</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="typography.html">Typography</a></li>  
                                        <li class="current-menu-item"><a href="shortcodes.html">Shortcodes</a></li>
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Works</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="portfolio_1col.html">1 Column</a></li>
                                        <li><a href="portfolio_2col.html">2 Columns</a></li>
                                        <li><a href="portfolio_3col.html">3 Columns</a></li>
                                        <li><a href="portfolio_3col_masonry.html">3 Columns Masonry</a></li>
                                        <li><a href="portfolio_wide.html">Wide</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="portfolio_post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="portfolio_post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="portfolio_post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                              
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Blog</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="blog_fullwidth.html">Fullwidth Blog</a></li>
                                        <li><a href="blog_right_sidebar.html">With Right Sidebar</a></li>
                                        <li><a href="blog_left_sidebar.html">With Left Sidebar</a></li>
                                        <li class="menu-item-has-children"><a href="#">Single Post</a>
                                            <div class="sub-nav">
                                                <ul class="sub-menu">
                                                    <li><a href="post_fullwidth.html">Fullwidth Image</a></li>
                                                    <li><a href="post_right_sidebar.html">With Right Sidebar</a></li>
                                                    <li><a href="post_left_sidebar.html">With Left Sidebar</a></li>
                                                </ul>
                                            </div>
                                        </li>                             
                                    </ul> 
                                </div>                        
                            </li>
                            <li class="menu-item-has-children"><a href="#">Shop</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="shop.html">All Products</a></li>
                                        <li><a href="shop_product.html">Single Product</a></li>
                                        <li><a href="shop_cart.html">Cart</a></li>                                                                    
                                    </ul> 
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Contact</a>
                                <div class="sub-nav">
                                    <ul class="sub-menu">
                                        <li><a href="contact_fullwidth.html">Fullwidth</a></li>
                                        <li><a href="contact_sidebar.html">With Sidebar</a></li>                                                 
                                    </ul> 
                                </div>
                            </li>
                        </ul>                                  
                    </nav>                   
                    <div class="clear"></div>
                </div>
            </header>
        </div>
    </div>
    
    <div class="wrapper">
    	<div class="container">
        	<div class="content_block row no-sidebar">
            	<div class="fl-container">
                	<div class="posts-block">
                        <div class="contentarea">
                        	<div class="row">
                            	<div class="col-sm-12 module_cont">
                                	<div class="bg_title">
                                    	<h2>Button Style</h2>
                                    </div>
                                    <div class="module_content btns_block animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                        <p>
                                            <a href="javascript:void(0);" class="hasIcon shortcode_button btn_small btn_type1"><i class="icon-star"></i>small dark</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type2"><i class="icon-puzzle-piece"></i>Gray</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type3"><i class="icon-comment"></i>Light Gray</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type4"><i class="icon-microphone"></i>Light</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type5"><i class="icon-bolt"></i>Colored</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type6"><i class="icon-anchor"></i>Sea Blue</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type7"><i class="icon-leaf"></i>Green</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type8"><i class="icon-lemon-o"></i>Lime</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type9"><i class="icon-sun-o"></i>Yellow</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type10"><i class="icon-lightbulb-o"></i>Orange</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type11"><i class="icon-heart"></i>Red</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type12"><i class="icon-bug"></i>Pink</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type13"><i class="icon-umbrella"></i>Magenta</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type14"><i class="icon-rocket"></i>Purple</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type15"><i class="icon-gavel"></i>Violet</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type16"><i class="icon-cloud"></i>Blue</a>
                                            <a href="javascript:void(0);" class=" shortcode_button btn_small btn_type17"><i class="icon-plane"></i>Light Blue</a>
                                        </p>
                                        <p>  
                                            <a href="javascript:void(0);" class="hasIcon shortcode_button btn_large btn_type5"><i class="icon-star"></i>Get started now</a>
                                            <a href="javascript:void(0);" class="hasIcon shortcode_button btn_normal btn_type5"><i class="icon-star"></i>Medium</a>
                                        </p>
                                    </div>
                                </div>    
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Counter Style</h2>
                                    </div>                                   
                                </div>
                             </div>	
                                  
                             <div class="row"> 
                                <div class="col-sm-4 module_cont">		
                                    <div class="module_content shortcode_counter with_icon animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">                                                    
                                                <div class="counter_body">
                                                    <div class="counter_icon color_gradient_vert"><img src="img/icons/icon1.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon1.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="3541">0</h1>
                                                        <h4 class="counter_title">Days of Work</h4>
                                                    </div>                                                        
                                                    <div class="counter_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</div>
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont">		
                                    <div class="module_content shortcode_counter with_icon animate" data-anim-type="fadeInUp" data-anim-delay="200">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">
                                                <div class="counter_body">
                                                    <div class="counter_icon color_gradient_vert"><img src="img/icons/icon2.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon2.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="4689">0</h1>
                                                        <h4 class="counter_title">Finished Projects</h4>
                                                    </div>                                                        
                                                    <div class="counter_text">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</div>
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont">		
                                    <div class="module_content shortcode_counter with_icon animate" data-anim-type="fadeInRight" data-anim-delay="250">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">
                                                <div class="counter_body">
                                                    <div class="counter_icon color_gradient_vert"><img src="img/icons/icon3.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon3.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="2349">0</h1>
                                                        <h4 class="counter_title">Happy Clients</h4>
                                                    </div>                                                        
                                                    <div class="counter_text">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-3 module_cont animate" data-anim-type="fadeInLeft" data-anim-delay="300">		
                                    <div class="module_content shortcode_counter with_img type1">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">                                                
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="3541">0</h1>
                                                        <h4 class="counter_title">Days of Work</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont animate" data-anim-type="fadeInLeft" data-anim-delay="200">	
                                    <div class="module_content shortcode_counter with_img type2">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">                                                
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="4689">0</h1>
                                                        <h4 class="counter_title">Finished Projects</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont animate" data-anim-type="fadeInRight" data-anim-delay="200">		
                                    <div class="module_content shortcode_counter with_img type3">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="2349">0</h1>
                                                        <h4 class="counter_title">Web Awards</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont animate" data-anim-type="fadeInRight" data-anim-delay="300">	
                                    <div class="module_content shortcode_counter with_img type4">
                                        <div class="counter_wrapper">
                                            <div class="counter_content">
                                                <div class="counter_body">
                                                	<div class="stat_count_wrapper">						
                                                        <h1 class="stat_count" data-count="1234">0</h1>
                                                        <h4 class="counter_title">Happy Clients</h4>
                                                    </div>                                                    
                                                    <div class="stat_temp"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                             
                             <div class="row skills_start">
                             	<div class="col-sm-12 module_cont pb37">
                                	<div class="bg_title">
                                    	<h2>Progress Bar Style</h2>
                                    </div>
                                    <div class="shortcode_diagram items4">
                                        <ul class="diagram_list" data-bg="#ffffff" data-color="#22a1c4" data-width="5px" data-size="130px" data-fontsize="40px">
                                            <li class="diagram_li">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="75">75<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Photoshop</h3>
                                                            <div class="diagram_descr">Temporibus autem quibusdam et aut officiis debitis aut rerum einem.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="80">80<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Wordpress</h3>
                                                            <div class="diagram_descr">Neceus saepe eveniet ut et voluptates repudiandae sint et molest.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="90">90<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>Photography</h3>
                                                            <div class="diagram_descr">Itaque earum rerum hic tenet sapiente delectus, ut aut reiciendis ut.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="diagram_li">
                                                <div class="diagram_wrapper">
                                                    <div class="diagram_item">
                                                        <div class="chart_wrapper">
                                                            <div class="chart" data-percent="100">100<span>%</span></div>
                                                        </div>
                                                        <div class="diagram_content">
                                                            <h3>HTML5</h3>
                                                            <div class="diagram_descr">Bus maiores alias consequatur aut perferendis doloribus asperiores.</div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>                                                                                                 
                                        </ul>
                                        <div class="clear"></div> 
                                    </div>                                  
                                </div>
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb65">
                                    <div class="shortcode_skills">
                                        <ul class="skills_list">
                                            <li class="skill_li">                              
                                                <div class="diagram_bar">                          
                                                    <h6>Graphic Design</h6>
                                                    <div class="skill_div-wrapper"><div class="skill_div" data-percent="95"></div></div>
                                                </div>
                                                <div class="skill_percent"><h6>95%</h6></div>
                                            </li>
                                            <li class="skill_li">                              
                                                <div class="diagram_bar">                          
                                                    <h6>Identity</h6>
                                                    <div class="skill_div-wrapper"><div class="skill_div" data-percent="93"></div></div>
                                                </div>
                                                <div class="skill_percent"><h6>93%</h6></div>
                                            </li>
                                            <li class="skill_li">                              
                                                <div class="diagram_bar">                          
                                                    <h6>Web Development</h6>
                                                    <div class="skill_div-wrapper"><div class="skill_div" data-percent="85"></div></div>
                                                </div>
                                                <div class="skill_percent"><h6>85%</h6></div>
                                            </li>
                                            <li class="skill_li">                              
                                                <div class="diagram_bar">                          
                                                    <h6>Research</h6>
                                                    <div class="skill_div-wrapper"><div class="skill_div" data-percent="87"></div></div>
                                                </div>
                                                <div class="skill_percent"><h6>87%</h6></div>
                                            </li>                                                                                                 
                                        </ul>
                                    </div>                                     
                                </div>
                            </div>
                            
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Icon Combination</h2>
                                    </div>                                  
                                </div>
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-3 module_cont module_iconboxes pb70 animate" data-anim-type="bounceInLeft" data-anim-delay="150">
                                    <div class="module_content shortcode_iconbox type3">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico">
                                                    	<img src="img/icons/icon8_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon8_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon8_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon8_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Clean Code</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremqu.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont module_iconboxes pb70 animate" data-anim-type="bounceInLeft" data-anim-delay="200">
                                    <div class="module_content shortcode_iconbox type3">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico">
                                                    	<img src="img/icons/icon9_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon9_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon9_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon9_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Fully Responsive</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo qui enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont module_iconboxes pb70 animate" data-anim-type="bounceInLeft" data-anim-delay="250">
                                    <div class="module_content shortcode_iconbox type3">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico">
                                                    	<img src="img/icons/icon16_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon16_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon16_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon16_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Extended Documentation</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium quido et.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-3 module_cont module_iconboxes pb70 animate" data-anim-type="bounceInLeft" data-anim-delay="300">
                                    <div class="module_content shortcode_iconbox type3">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico">
                                                    	<img src="img/icons/icon7_b.png" class="icon_def icon_pas" width="80" height="80" alt="" /><img src="img/retina/icons/icon7_b.png" class="icon_retina icon_pas" width="80" height="80" alt="" />
                                                        <img src="img/icons/icon7_bl.png" class="icon_def icon_hover" width="80" height="80" alt="" /><img src="img/retina/icons/icon7_bl.png" class="icon_retina icon_hover" width="80" height="80" alt="" />
                                                    </div>
                                                    <h5 class="iconbox_title">Save Time</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Ut enim ad minim veniam, quis nostrud etor exercitation ullamco laboris nisi ut aliquipe.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>            	
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-6 module_cont module_iconboxes pb37 animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                    <div class="module_content shortcode_iconbox type4">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon8.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon8.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Clean Code</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-6 module_cont module_iconboxes pb37 animate" data-anim-type="fadeInRight" data-anim-delay="300">
                                    <div class="module_content shortcode_iconbox type4">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon9.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon9.png" class="icon_retina" width="80" height="56" alt="" /></div>
                                                    <h5 class="iconbox_title">Fully Responsive</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>            	
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-4 module_cont module_iconboxes animate" data-anim-type="fadeInLeft" data-anim-delay="150">
                                    <div class="module_content shortcode_iconbox">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon10.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon10.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">1. Passion &amp; Craftsmanship</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont module_iconboxes animate" data-anim-type="fadeIn" data-anim-delay="500">
                                    <div class="module_content shortcode_iconbox">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon8.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon8.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">2. Duty &amp; Assistance</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non tempor einem.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-4 module_cont module_iconboxes animate" data-anim-type="fadeInRight" data-anim-delay="150">
                                    <div class="module_content shortcode_iconbox">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon11.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon11.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">3. Leading-Edge &amp; Departure</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur pingillio ipsum.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>                             	
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-3 module_cont module_iconboxes pb75 pt66 animate" data-anim-type="fadeInDown" data-anim-delay="250"> 
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon12.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon12.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Design & Development</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusanti.  Nemo enim ipsam voluptatem quia.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt66 animate" data-anim-type="fadeInLeft" data-anim-delay="150"> 
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon13.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon13.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Photography</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia. </p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt66 animate" data-anim-type="fadeInUp" data-anim-delay="200"> 
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon14.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon14.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Motion Graphics</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div> 
                                <div class="col-sm-3 module_cont module_iconboxes pb75 pt66 animate" data-anim-type="fadeInRight" data-anim-delay="150"> 
                                    <div class="module_content shortcode_iconbox type2">
                                        <a href="javascript:void(0);">			
                                            <div class="iconbox_wrapper">
                                            	<div class="icon_title_wrap">
                                                    <div class="ico"><img src="img/icons/icon15.png" class="icon_def" width="80" height="80" alt="" /><img src="img/retina/icons/icon15.png" class="icon_retina" width="80" height="80" alt="" /></div>
                                                    <h5 class="iconbox_title">Brand Identity</h5>
                                                </div>
                                                <div class="iconbox_body">						
                                                    <p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut.</p>
                                                </div>					
                                            </div>
                                        </a>
                                    </div>
                                </div>               	
                             </div>
                                                           
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Promo Text</h2>
                                    </div>                                  
                                </div>
                            </div>                                                  
                                                         
                            <div class="row">
                                <div class="col-sm-12 module_cont animate" data-anim-type="fadeInUp" data-anim-delay="200">
                                    <div class="shortcode_promoblock">
                                        <div class="promoblock_wrapper">
                                            <div class="promo_text_block">
                                                <div class="promo_text_block_wrapper">
                                                	<h2 class="promo_text_main_title">We Create Awesome Web and Mobile Products for Your Business!</h2>
                                                    <h6 class="promo_text_additional_title">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitiardo.</h6>
                                                </div>
                                            </div>        
                                            <div class="promo_button_block"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Hire Us Now</a></div>
                                            <div class="clear"></div>                                                                                
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>                             	
                            </div>
                                   
                            <div class="row">
                                <div class="col-sm-12 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                	<div class="fw_block bg_start highlighted_colored">
                                        <div class="shortcode_promoblock">
                                            <div class="promoblock_wrapper">
                                                <div class="promo_text_block">
                                                    <div class="promo_text_block_wrapper">
                                                        <h2 class="promo_text_main_title">We Create Awesome Web and Mobile Products for Your Business!</h2>
                                                        <h6 class="promo_text_additional_title">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitiardo.</h6>
                                                    </div>
                                                </div>        
                                                <div class="promo_button_block"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Hire Us Now</a></div>
                                                <div class="clear"></div>                                                                                
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>                             	
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Accordion &amp; Toggle</h2>
                                    </div>                                   
                                </div>
                            </div> 
                            
                            <div class="row">                             	
                                <div class="col-sm-6 module_cont module_accordion pb45 animate" data-anim-type="fadeInUp" data-anim-delay="200">
                                    <div class="shortcode_accordion_shortcode accordion">
                                        <h5 data-count="1" class="shortcode_accordion_item_title expanded_yes">Fully Customizable Design &amp; Layout<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                            	<p>Donec et eleifend velit. Sed eget urna odio. Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac. Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum </p>
                                                <ol>
                                                	<li>Donec et eleifend velit. Sed eget urna odio.</li>
                                                    <li>Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac.</li>
                                                    <li>Sed vulputate lectus at enim aliquet suscipit.</li>
                                                    <li>Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris.</li>
                                                </ol>
                                            </div>
                                        </div>
                                        <h5 data-count="2" class="shortcode_accordion_item_title expanded_no">Fluid, Responsive &amp; Retina Ready<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea lorem ipsum dolor sit amet.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="3" class="shortcode_accordion_item_title expanded_no">SEO Optimized &amp; Valid Code<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum quis fringilla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="4" class="shortcode_accordion_item_title expanded_no">Easy Drag &amp; Drop Admin Panel<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="5" class="shortcode_accordion_item_title expanded_no">Outstanding &amp; Free Customer Support<span class="ico"></span></h5>
                                        <div class="shortcode_accordion_item_body">
                                            <div class="ip">
                                                <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="col-sm-6 module_cont module_toggle pb45 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                    <div class="shortcode_toggles_shortcode toggles">
                                        <h5 data-count="1" class="shortcode_toggles_item_title expanded_yes">Fully Customizable Design &amp; Layout<span class="ico"></span></h5>
                                        <div class="shortcode_toggles_item_body">
                                            <div class="ip">
                                                <p>Donec et eleifend velit. Sed eget urna odio. Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac. Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum </p>
                                                <ol>
                                                	<li>Donec et eleifend velit. Sed eget urna odio.</li>
                                                    <li>Quisque pulvinar dolor purus, sed dignissim ante imperdiet ac.</li>
                                                    <li>Sed vulputate lectus at enim aliquet suscipit.</li>
                                                    <li>Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris.</li>
                                                </ol>
                                            </div>
                                        </div>
                                        <h5 data-count="2" class="shortcode_toggles_item_title expanded_no">Fluid, Responsive &amp; Retina Ready<span class="ico"></span></h5>
                                        <div class="shortcode_toggles_item_body">
                                            <div class="ip">
                                                <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea lorem ipsum dolor sit amet.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="3" class="shortcode_toggles_item_title expanded_yes">SEO Optimized &amp; Valid Code<span class="ico"></span></h5>
                                        <div class="shortcode_toggles_item_body">
                                            <div class="ip">
                                                <p>Sed vulputate lectus at enim aliquet suscipit. Proin metus nibh, tempor ut porta ultricies, sollicitudin id mauris. Aliquam neque lectus, condimentum quis fringilla. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="4" class="shortcode_toggles_item_title expanded_yes">Easy Drag &amp; Drop Admin Panel<span class="ico"></span></h5>
                                        <div class="shortcode_toggles_item_body">
                                            <div class="ip">
                                                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia.</p>
                                            </div>
                                        </div>
                                        <h5 data-count="5" class="shortcode_toggles_item_title expanded_no">Outstanding &amp; Free Customer Support<span class="ico"></span></h5>
                                        <div class="shortcode_toggles_item_body">
                                            <div class="ip">
                                                <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb5">
                                	<div class="bg_title">
                                    	<h2>Testimonial Style</h2>
                                    </div>                                  
                                </div>
                            </div>
       
                            <div class="row">
                                <div class="col-sm-12 module_cont animate" data-anim-type="fadeIn" data-anim-delay="300">
                                	<div class="section-clients featured_items">
                                    	<div class="items3">
                                            <ul class="client-list item_list">
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/1.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial1.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Linda Grey</b>
                                                                    <span class="title">Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/2.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga einem like temporalis. 
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis. At vero eos et samus et iusto odio qui blanditiis praesentium voluptatum deleniti atque corrupti quos jfont dolores et autem quibusdam et aut officis perferendis doloribus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial4.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Amelia Smith</b>
                                                                    <span class="title">Creative Designer</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/3.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial3.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Dave Cohen</b>
                                                                    <span class="title">Operations Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/4.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial2.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Martha Lee</b>
                                                                    <span class="title">Pro Property Maintenance.</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/5.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Mollit anim id est laborum unde omnis iste natus duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial5.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Ronald Powell</b>
                                                                    <span class="title">Public Health Social Worker</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/6.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial6.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Patricia Hollinger</b>
                                                                    <span class="title">Dental Technician</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                            </ul>
                                        </div>
									</div>    
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb45 module_testimonial">
                                	<div class="module_content testimonials_list items2">
                                        <ul>
                                            <li class="animate" data-anim-type="fadeInLeftBig" data-anim-delay="400">
                                                <div class="item with_icon">
                                                	<div class="testimonial_item_wrapper">
                                                    	<div class="testimonials_photo"><img src="img/imgs/testimonial_def1.jpg" alt="" /></div>                                                        
                                                        <div class="testimonials_text">
                                                            <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.</p>
                                                            <h5 class="testimonials_title">Dave Cohen, Operations Manager</h5>
                                                        </div>                                                        
                                                    </div>
                                                </div>
                                            </li>                                           
                                            <li class="animate" data-anim-type="fadeInRightBig" data-anim-delay="500">
                                                <div class="item with_icon">
                                                	<div class="testimonial_item_wrapper">
                                                    	<div class="testimonials_photo"><img src="img/imgs/testimonial_def2.jpg" alt="" /></div>                                                        
                                                        <div class="testimonials_text">
                                                            <p>Provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis.</p>
                                                            <h5 class="testimonials_title">Linda Grey, Creative Designer</h5>
                                                        </div>                                                        
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="animate" data-anim-type="fadeInLeftBig" data-anim-delay="500">
                                                <div class="item with_icon">
                                                	<div class="testimonial_item_wrapper">
                                                    	<div class="testimonials_photo"><img src="img/imgs/testimonial_def3.jpg" alt="" /></div>                                                        
                                                        <div class="testimonials_text">
                                                            <p>Luis aute irure dolor in reprehenderit in piluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.</p>
                                                            <h5 class="testimonials_title">Martha Lee, Manager</h5>
                                                        </div>                                                        
                                                    </div>
                                                </div>
                                            </li>                                           
                                            <li class="animate" data-anim-type="fadeInRightBig" data-anim-delay="400">
                                                <div class="item with_icon">
                                                	<div class="testimonial_item_wrapper">
                                                    	<div class="testimonials_photo"><img src="img/imgs/testimonial_def4.jpg" alt="" /></div>                                                        
                                                        <div class="testimonials_text">
                                                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati asperiores.</p>
                                                            <h5 class="testimonials_title">Tom Lardy, Developer</h5>
                                                        </div>                                                        
                                                    </div>
                                                </div>
                                            </li>                                            
                                        </ul>
                                    </div>
                                </div>
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Team</h2>
                                    </div>                                  
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont module_team">
                                    <div class="team_slider">
                                        <div class="carouselslider teamslider items2">			
                                            <ul class="item_list">
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team1.jpg" alt="" />                                                                    
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Maxim Loght</h6>
                                                                            <div class="op">Founder</div>
                                                                        </div>
                                                                        <div class="team_desc">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. Nunc faucibus facilisis pellen tesque facilisis. Sed hendrerit enim non justo posuere placerat. Phasellus eget purus vel mauris tincidunt tincidunt.</div>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">
                                                                            <a href="#" class="teamlink team_fb" title="Facebook"><span><i class="icon-facebook"></i></span></a>
                                                                            <a href="#" class="teamlink team_twitter" title="Twitter"><span><i class="icon-twitter"></i></span></a>
                                                                            <a href="#" class="teamlink team_google" title="Google+"><span><i class="icon-google-plus"></i></span></a>
                                                                        </div>
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInRight" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team2.jpg" alt="" />                                                                    
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Amanda Lee</h6>
                                                                            <div class="op">Co-Founder</div>
                                                                        </div>
                                                                        <div class="team_desc">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum. Nunc faucibus facilisis pellen tesque facilisis. Sed hendrerit enim non justo posuere placerat. Phasellus eget purus vel mauris tincidunt tincidunt.</div>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">
                                                                            <a href="#" class="teamlink team_fb" title="Facebook"><span><i class="icon-facebook"></i></span></a>
                                                                            <a href="#" class="teamlink team_twitter" title="Twitter"><span><i class="icon-twitter"></i></span></a>
                                                                            <a href="#" class="teamlink team_google" title="Google+"><span><i class="icon-google-plus"></i></span></a>
                                                                        </div>
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                         </div>
                                    </div>                                    
                                </div>                                   
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont module_team pb75">
                                    <div class="team_slider">
                                        <div class="carouselslider teamslider items4">			
                                            <ul class="item_list type2">
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="400">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team3.jpg" alt="" />   
                                                                        <span class="team_fade"></span>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">
                                                                            <a href="#" class="teamlink team_fb" title="Facebook"><span><i class="icon-facebook"></i></span></a>
                                                                            <a href="#" class="teamlink team_twitter" title="Twitter"><span><i class="icon-twitter"></i></span></a>
                                                                            <a href="#" class="teamlink team_google" title="Google+"><span><i class="icon-google-plus"></i></span></a>
                                                                        </div>                                                                 
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Philip Collins</h6>
                                                                            <div class="op">Project Manager</div>
                                                                        </div>                                                                     
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team4.jpg" alt="" />
                                                                        <span class="team_fade"></span>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">
                                                                            <a href="#" class="teamlink team_twitter" title="Twitter"><span><i class="icon-twitter"></i></span></a>
                                                                            <a href="#" class="teamlink team_google" title="Google+"><span><i class="icon-google-plus"></i></span></a>
                                                                            <a href="#" class="teamlink team_pinterest" title="Pinterest"><span><i class="icon-dribbble"></i></span></a>
                                                                        </div>                                                                    
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Stephen Johnson</h6>
                                                                            <div class="op">Web Developer</div>
                                                                        </div>  
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team5.jpg" alt="" />   
                                                                        <span class="team_fade"></span>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">
                                                                        	<a href="#" class="teamlink team_pinterest" title="Pinterest"><span><i class="icon-pinterest"></i></span></a>
                                                                            <a href="#" class="teamlink team_fb" title="Facebook"><span><i class="icon-facebook"></i></span></a>
                                                                            <a href="#" class="teamlink team_twitter" title="Twitter"><span><i class="icon-twitter"></i></span></a>                                                                            
                                                                        </div>                                                                 
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Mark Edelvan</h6>
                                                                            <div class="op">Manager</div>
                                                                        </div>                        
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="400">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                        	<div class="row">
                                                            	<div class="col-sm-6">
                                                                	<div class="img_block">
                                                                    	<img src="img/imgs/team6.jpg" alt="" />
                                                                        <span class="team_fade"></span>
                                                                        <div class="team_icons_wrapper shortcode_icons_wrapper">                                                                            
                                                                            <a href="#" class="teamlink team_pinterest" title="Pinterest"><span><i class="icon-dribbble"></i></span></a>
                                                                            <a href="#" class="teamlink team_pinterest" title="Pinterest"><span><i class="icon-pinterest"></i></span></a>
                                                                            <a href="#" class="teamlink team_fb" title="Facebook"><span><i class="icon-facebook"></i></span></a>
                                                                        </div>                                                                    
                                                                    </div>
                                                                </div>
                                                                <div class="col-sm-6">
                                                                	<div class="carousel_body">
                                                                        <div class="team_title">
                                                                            <h6>Martha Weils</h6>
                                                                            <div class="op">Web Designer</div>
                                                                        </div>
                                                                    </div>
                                                                </div>                                                            
                                                            </div>                                                            								
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                         </div>
                                    </div>                                    
                                </div>                                   
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Partners</h2>
                                    </div>                                    
                                </div>
                            </div>
                            
                            <div class="fw_block bg_start grey_bg pt46 mb90">
                                <div class="row">
                                    <div class="col-sm-12 module_cont pb47 module_partners">
                                        <div class="module_content sponsors_works items6">
                                            <ul>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://wordpress.com/" target="_blank"><img src="img/imgs/wp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.envato.com/" target="_blank"><img src="img/imgs/envato.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://mailchimp.com/" target="_blank"><img src="img/imgs/mailchimp.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.pixeden.com/" target="_blank"><img src="img/imgs/pixeden.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li> 
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="500">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://themeforest.net/" target="_blank"><img src="img/imgs/themeforest.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="550">
                                                    <div class="item_wrapper">
                                                        <div class="item">
                                                            <a href="http://www.gt3themes.com/" target="_blank"><img src="img/imgs/gt3themes.png" alt="" /></a>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                 </div>
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb75 animate" data-anim-type="fadeIn" data-anim-delay="250">
                                	<div class="section-clients partners-clients featured_items">
                                    	<div class="items3">
                                            <ul class="client-list item_list">
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/1.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial1.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Linda Grey</b>
                                                                    <span class="title">Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/2.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga einem like temporalis. 
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis. At vero eos et samus et iusto odio qui blanditiis praesentium voluptatum deleniti atque corrupti quos jfont dolores et autem quibusdam et aut officis perferendis doloribus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial4.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Amelia Smith</b>
                                                                    <span class="title">Creative Designer</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/3.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial3.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Dave Cohen</b>
                                                                    <span class="title">Operations Manager</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/4.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial2.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Martha Lee</b>
                                                                    <span class="title">Pro Property Maintenance.</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/5.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Mollit anim id est laborum unde omnis iste natus duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial5.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Ronald Powell</b>
                                                                    <span class="title">Public Health Social Worker</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                                <li>
                                                    <i>
                                                        <img class="icon-cl-sweden" src="img/imgs/partners/6.jpg" alt="">
                                                    </i>
                                                    <blockquote>
                                                        <p class="quote">Occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum unde omnis iste natus. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur excepteur sint.</p>
                                                        <div class="author">
                                                            <p>
                                                                <span class="img"><img src="img/imgs/testimonial6.jpg" alt=""></span>
                                                                <span class="cont">
                                                                    <b>Patricia Hollinger</b>
                                                                    <span class="title">Dental Technician</span>
                                                                </span>
                                                            </p>
                                                        </div>
                                                    </blockquote>
                                                </li>
                                            </ul>
                                        </div>
									</div>    
                                </div>
                            </div>
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Message Boxes</h2>
                                    </div>                                   
                                </div>
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb20 module_messageboxes animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                    <div class="module_content shortcode_messagebox box_type2">
                                        <div class="box_content">
                                            <p><span class="box_icon"><i class="icon-info"></i></span>Heads up! This alert needs your attention, but it's not super important.</p>
                                        </div>                
                                        <a class="box_close" href="javascript:void(0)"><i class="icon-times"></i></a>                
                                        <div class="clear"></div>
                                    </div>                                        
                            	</div> 
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb20 module_messageboxes animate" data-anim-type="fadeInRight" data-anim-delay="250">
                                    <div class="module_content shortcode_messagebox box_type3">
                                        <div class="box_content">
                                            <p><span class="box_icon"><i class="icon-exclamation"></i></span>Warning! Best check yoacurself, you're not looking too good.</p>
                                        </div>                
                                        <a class="box_close" href="javascript:void(0)"><i class="icon-times"></i></a>                
                                        <div class="clear"></div>
                                    </div>                                        
                            	</div>
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb20 module_messageboxes animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                    <div class="module_content shortcode_messagebox box_type4">
                                        <div class="box_content">
                                            <p><span class="box_icon"><i class="icon-thumbs-o-up"></i></span>Well done! You successfully read this important alert message.</p>
                                        </div>                
                                        <a class="box_close" href="javascript:void(0)"><i class="icon-times"></i></a>                
                                        <div class="clear"></div>
                                    </div>                                        
                            	</div> 
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb20 module_messageboxes animate" data-anim-type="fadeInRight" data-anim-delay="250">
                                    <div class="module_content shortcode_messagebox box_type5">
                                        <div class="box_content">
                                            <p><span class="box_icon"><i class="icon-warning"></i></span>Oh snap! Change a few things up and try submitting again.</p>
                                        </div>                
                                        <a class="box_close" href="javascript:void(0)"><i class="icon-times"></i></a>                
                                        <div class="clear"></div>
                                    </div>                                        
                            	</div>
                            </div>
                            
                            <div class="pb55"></div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Separators</h2>
                                    </div>                                 
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb0 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                    <hr class="type3">                                            
                                </div>                                         
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb0 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                    <hr class="type4">                                            
                                </div>                                         
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb0 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="350">
                                    <hr class="type5">                                            
                                </div>                                         
                             </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb0 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="400">
                                    <hr>                                            
                                </div>                                         
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb0 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="450">
                                    <hr class="type1">                                            
                                </div>                                         
                             </div>
                             
                             <div class="row">
                                <div class="col-sm-12 module_cont pb60 module_divider animate" data-anim-type="fadeInUp" data-anim-delay="500">
                                    <hr class="type2">                                            
                                </div>                                      
                             </div>
                             
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb5">
                                	<div class="bg_title">
                                    	<h2>Pricing Tables</h2>
                                    </div>                               
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb74 module_price_table items3">
                                    <div class="price_table_wrapper">
                                        <div class="price_item animate" data-anim-type="fadeInLeft" data-anim-delay="300">                            
                                            <div class="price_item_wrapper">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Designer Lisense</h5>
                                                        <h6>2 Clients&amp;Basic Formats</h6>
                                                    </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>49<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Lorem ipsum dolor sit amet</div>
                                                        <div class="price_item_text">Consectetur et adipiscing elit</div>
                                                        <div class="price_item_text">Sed eiusmod tempor incididunt</div>
                                                        <div class="price_item_text">Excepteur occaecat cupidatat</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type1" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                         
                                            	</div>   			
                                            </div>
                                        </div>
                                        <div class="price_item most_popular animate" data-anim-type="fadeIn" data-anim-delay="500">                                        
                                            <div class="price_item_wrapper">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Designer Lisense</h5>
                                                        <h6>5 Clients&amp;Essential Formats</h6>
                                                  </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>69<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Sed ut perspiciatis unde omnis</div>
                                                        <div class="price_item_text">Nemo enim ipsam voluptatem quia</div>
                                                        <div class="price_item_text">Reprehenderit qui in ea voluptate</div>
                                                        <div class="price_item_text">Et harum quidem rerum facilis</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type5" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                       
                                           	  </div>   			
                                            </div>
                                        </div>
                                        <div class="price_item animate" data-anim-type="fadeInRight" data-anim-delay="300">                                        
                                            <div class="price_item_wrapper">
                                            	<div class="price_item_wrap">                                                                                            
                                                    <div class="price_item_title">
                                                    	<h5>Agency Lisense</h5>
                                                        <h6>Unlimited Clients&amp;All Formats!</h6>
                                                    </div>
                                                    <div class="item_cost_wrapper">
                                                        <div class="price_item_cost">
                                                            <h1>99<span>$</span></h1>
                                                        </div>                                                        
                                                    </div>                                                     
                                                    <div class="price_item_body">                                                        
                                                        <div class="price_item_text">Alias consequatur ut perferendis</div>
                                                        <div class="price_item_text">Quod maxime placeat possimus</div>
                                                        <div class="price_item_text">Sed eiusmod tempor incididunt</div>
                                                        <div class="price_item_text">Excepteur occaecat cupidatat</div>
                                                        <div class="price_item_btn"><a class="shortcode_button btn_large btn_type1" href="javascript:void(0);">Choose Plan</a></div>
                                                    </div>                                        
                                            	</div>   			
                                            </div>
                                        </div>                                                                               
                                    </div>
                                </div>                                    
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Tabs</h2>
                                    </div>                                  
                                </div>
                            </div>                            
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb60 module_tabs animate" data-anim-type="fadeInUp" data-anim-delay="300"> 
                                    <div class="shortcode_tabs type1">
                                        <div class="all_head_sizer"><div class="all_heads_cont"></div><div class="clear"></div></div>
                                        <div class="all_body_sizer"><div class="all_body_cont"></div></div>
                                        <div class="shortcode_tab_item_title expand_yes">Strategy</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                	<div class="item_tab">
                                                    	<img src="img/imgs/tab1.jpg" alt=""/>
                                                        <h3><a href="javascript:void(0);">Lorem Ipsum Dolor Sit Amet</a></h3>
                                                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia volupt. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur at.</p>
                                                        <div class="clear"></div>
                                                    </div>
                                                    <div class="item_tab">
                                                    	<img src="img/imgs/tab2.jpg" alt=""/>
                                                        <h3><a href="javascript:void(0);">Sed Ut Perspiciatis Unde Omnis</a></h3>
                                                        <p>Neque porro quisquam est, qui dolorem ipsum quia dolvor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur.</p>
                                                        <div class="clear"></div>
                                                    </div>                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_no">Design</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                	<div class="item_tab">
                                                    	<img src="img/imgs/tab2.jpg" alt=""/>
                                                        <h3><a href="javascript:void(0);">Sed Ut Perspiciatis Unde Omnis</a></h3>
                                                        <p>Neque porro quisquam est, qui dolorem ipsum quia dolvor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur.</p>
                                                        <div class="clear"></div>
                                                    </div>
                                                    <div class="item_tab last">
                                                    	<img src="img/imgs/tab1.jpg" alt=""/>
                                                        <h3><a href="javascript:void(0);">Lorem Ipsum Dolor Sit Amet</a></h3>
                                                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia volupt. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur at.</p>
                                                        <div class="clear"></div>
                                                    </div>                                                    
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="shortcode_tab_item_title expand_no">Technology</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                	<div class="item_tab">
                                                    	<h3><a href="javascript:void(0);">Lorem Ipsum Dolor Sit Amet</a></h3>
                                                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia volupt. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur at.</p>
                                                    </div>
                                                    <div class="item_tab last">
                                                    	<h3><a href="javascript:void(0);">Sed Ut Perspiciatis Unde Omnis</a></h3>
                                                        <p>Neque porro quisquam est, qui dolorem ipsum quia dolvor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
                                                    </div>                                                    
                                                </div>                                                    
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="col-sm-12 module_cont pb60 module_tabs animate" data-anim-type="fadeInUp" data-anim-delay="400"> 
                                    <div class="shortcode_tabs type2">
                                        <div class="all_head_sizer"><div class="all_heads_cont"></div><div class="clear"></div></div>
                                        <div class="all_body_sizer"><div class="all_body_cont"></div></div>
                                        <div class="shortcode_tab_item_title expand_yes">Consulting</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                	<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="shortcode_tab_item_title expand_no">Business</div>                                                
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                	<p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
                                            	</div>
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_no">Strategy</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                	<p>Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
                                            	</div>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>                                     
                            </div>
                            
                            <div class="row">
                            	<div class="col-sm-12 module_cont pb15 module_tabs animate" data-anim-type="fadeInUp" data-anim-delay="500"> 
                                    <div class="shortcode_tabs type3">
                                        <div class="all_head_sizer"><div class="all_heads_cont"></div><div class="clear"></div></div>
                                        <div class="all_body_sizer"><div class="all_body_cont"></div></div>
                                        <div class="shortcode_tab_item_title expand_no">StartUp</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_1.jpg" class="mt38" alt="" />                                                     
                                                </div>
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_no">Promo Site</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                                <div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_2.jpg" class="mt38" alt="" />                                                 
                                                </div> 
                                            </div>
                                        </div> 
                                        <div class="shortcode_tab_item_title expand_no">Article</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_3.jpg" class="mt38" alt="" />                                                 
                                                </div>                                                  
                                            </div>
                                        </div>
                                        <div class="shortcode_tab_item_title expand_yes">Photo Story</div>
                                        <div class="shortcode_tab_item_body tab-content clearfix">
                                            <div class="ip">
                                            	<div class="tab_content">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                                                    <img src="img/imgs/tab3_4.jpg" class="mt38" alt="" />                                                 
                                                </div>                                                   
                                            </div>
                                        </div>                                        
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Social Icons</h2>
                                    </div>                                   
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont module_text_area">
                                    <div class="shortcode_icons_wrapper">
                                        <a title="Facebook" href="javascript:void(0);" class="animate" data-anim-type="bounceInLeft" data-anim-delay="200"><span><i class="icon-facebook"></i></span></a>
                                        <a title="Twitter" href="javascript:void(0);" class="animate" data-anim-type="bounceInLeft" data-anim-delay="250"><span><i class="icon-twitter"></i></span></a>
                                        <a title="Google+" href="javascript:void(0);" class="animate" data-anim-type="bounceInLeft" data-anim-delay="300"><span><i class="icon-google-plus"></i></span></a>
                                        <a title="Dribbble" href="javascript:void(0);" class="animate" data-anim-type="bounceInLeft" data-anim-delay="400"><span><i class="icon-dribbble"></i></span></a>
                                        <a title="Pinterest" href="javascript:void(0);" class="animate" data-anim-type="bounceInLeft" data-anim-delay="450"><span><i class="icon-pinterest"></i></span></a>
                                    </div>
                                </div>                                    
                            </div>
                            
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Icons &amp; Icon List</h2>
                                    </div>                                   
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb20 module_text_area">
                                    <div class="module_content">
                                        <a href="javascript:void(0);" class="shortcode_social_icon type1 icon1 blue_bg"><span><i class="icon-rebel"></i></span></a>
                                        <a href="javascript:void(0);" class="shortcode_social_icon type3 icon2 red_bg"><span><i class="icon-paw"></i></span></a>
                                        <a href="javascript:void(0);" class="shortcode_social_icon type2 icon3 yellow_bg"><span><i class="icon-pagelines"></i></span></a>
                                        <a href="javascript:void(0);" class="shortcode_social_icon type4 icon4 green_icon"><span><i class="icon-graduation-cap"></i></span></a>
                                    </div> 
                                </div>                                    
                            </div>
                            
                            <div class="row">
                            	<div class="col-sm-12 sub_title_block">
                                	<div class="bg_title">
                                    	<h3>Icon List</h3>
                                    </div>
                                </div>
                                <div class="col-sm-3 col-md-2 module_cont module_contact_info pb43 animate" data-anim-type="fadeInUp" data-anim-delay="200">
                                    <ul class="contact_info_list">
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon5 green_bg"><i class="icon-anchor"></i></span>
                                                <div class="contact_info_text">anchor</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon6 yellow_bg"><i class="icon-bolt"></i></span>
                                                <div class="contact_info_text">bolt</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon7 red_bg"><i class="icon-star"></i></span>
                                                <div class="contact_info_text">star</div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-sm-3 col-md-2 module_cont module_contact_info no_bg pb43 animate" data-anim-type="fadeInUp" data-anim-delay="300">
                                    <ul class="contact_info_list type2">
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon8"><i class="icon-plane"></i></span>
                                                <div class="contact_info_text">plane</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon9"><i class="icon-leaf"></i></span>
                                                <div class="contact_info_text">leaf</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon17"><i class="icon-bomb"></i></span>
                                                <div class="contact_info_text">bomb</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon10"><i class="icon-heart"></i></span>
                                                <div class="contact_info_text">heart</div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon18"><i class="icon-puzzle-piece"></i></span>
                                                <div class="contact_info_text">puzzle</div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>                                   
                                <div class="col-sm-3 col-md-2 module_cont module_contact_info pb43 animate" data-anim-type="fadeInUp" data-anim-delay="400">
                                    <ul class="contact_info_list">
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon11"><i class="icon-twitter"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Twitter</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon12"><i class="icon-google-plus"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Google+</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon13"><i class="icon-dribbble"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Dribble</a></div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="col-sm-3 col-md-2 module_cont module_contact_info no_bg pb43 animate" data-anim-type="fadeInUp" data-anim-delay="500">
                                    <ul class="contact_info_list type2">
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon14"><i class="icon-facebook-square"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Facebook</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon15"><i class="icon-pinterest"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Pinterest</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon16"><i class="icon-apple"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Apple</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon10"><i class="icon-google-plus-square"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Google+</a></div>
                                            </div>
                                        </li>
                                        <li class="contact_info_item">
                                            <div class="contact_info_wrapper">
                                                <span class="contact_info_icon icon8"><i class="icon-twitter"></i></span>
                                                <div class="contact_info_text"><a href="javascript:void(0);">Twitter</a></div>
                                            </div>
                                        </li>
                                    </ul>                                        
                                </div>
                                <div class="col-md-4"></div>
                            </div>
                             
                            <div class="row">
                             	<div class="col-sm-12 module_cont pb5">
                                	<div class="bg_title">
                                    	<h2>Gallery</h2>
                                    </div>                                  
                                </div>
                            </div> 
                            <div class="row">
                                <div class="col-sm-12 module_cont pb74 module_gallery photo_gallery">
                                    <div class="featured_items">
                                        <div class="items4 featured_portfolio">
                                            <ul class="item_list">
                                            	<li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/1.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/1_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/2.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/2_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/3.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/3_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/4.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/4_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/5.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/5_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/6.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/6_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/7.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/7_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/8.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/8_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="250">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/9.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/9_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="300">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/10.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/10_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="350">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/11.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/11_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="bounceIn" data-anim-delay="400">
                                                    <div class="item">
                                                        <div class="gallery_item_padding">
                                                            <div class="gallery_item_wrapper">
                                                                <img src="img/gallery/12.jpg" alt="" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a href="img/gallery/12_zoom.jpg" class="photozoom view_link"><i class="icon-expand"></i></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                         </div>
									</div>
								</div>
							</div>
                                            

                            <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Portfolio Post</h2>
                                    </div>                                  
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="col-sm-12 module_cont pb74 module_feature_portfolio">
                                    <div class="featured_items">
                                        <div class="items3">
                                            <ul class="item_list">                                                
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="350">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/portfolio/feature/1.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<div class="featured_items_title">
                                                                        <h5>Business Card</h5>
                                                                    </div>
                                                                    <div class="featured_meta">Print Design</div> 
                                                                	<a href="img/portfolio/feature/1.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                                	<a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>
                                                            </div>                                                                                                            
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="300">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/portfolio/feature/2.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<div class="featured_items_title">
                                                                        <h5>Iste natus</h5>
                                                                    </div>
                                                                    <div class="featured_meta">Advertisement</div> 
                                                                	<a href="img/portfolio/feature/2.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                                	<a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                                
                                                            </div>                                                                                                              
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInLeft" data-anim-delay="250">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/portfolio/feature/3.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<div class="featured_items_title">
                                                                        <h5>Quis autem</h5>
                                                                    </div>
                                                                    <div class="featured_meta">Business</div> 
                                                                	<a href="img/portfolio/feature/3.jpg" class="photozoom featured_ico_link view_link"><i class="icon-expand"></i></a>
                                                                	<a class="featured_ico_link view_link" href="portfolio_post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                            
                                                            </div>                                                                                                              
                                                        </div>
                                                    </div>
                                                </li>                                          
                                            </ul>
                                        </div>
                                    </div>                                                         
                                </div>
                             </div>
                             
                             <div class="row">
                             	<div class="col-sm-12 module_cont pb0">
                                	<div class="bg_title">
                                    	<h2>Blog Posts</h2>
                                    </div>                                  
                                </div>
                             </div>
                             <div class="row">
                                <div class="col-sm-12 module_cont pb80 module_feature_posts">
                                    <div class="featured_items">
                                        <div class="items4 featured_posts">
                                            <ul class="item_list">                                                
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="150">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/blog/feature/1.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a class="featured_ico_link view_link" href="post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                               
                                                            </div>                                                   
                                                            <div class="featured_items_body">
                                                                <div class="featured_items_title">
                                                                    <h5><a href="post_fullwidth.html">Ullamcorper Parturien</a></h5>
                                                                </div>
                                                                <div class="featured_item_content">Morbi leo risus, porta ac consectur at eros. Maecenas sed diam eget risus varius blandit sit amet non.</div>
                                                                <div class="featured_meta">
                                                                    <div class="date">
                                                                    	<i class="icon-calendar"></i>28 October, 2020
                                                                    </div>
                                                                    <div class="comments">
                                                                    	<a href="javascript:void(0);">
                                                                        	<i class="icon-comments"></i>15
                                                                        </a>
                                                                    </div>
                                                                </div>                                                                
                                                            </div>                                                            
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="250">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/blog/feature/2.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a class="featured_ico_link view_link" href="post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                                 
                                                            </div>                                                   
                                                            <div class="featured_items_body">
                                                                <div class="featured_items_title">
                                                                    <h5><a href="post_fullwidth.html">Excepteur Sint Occaecat</a></h5>
                                                                </div>
                                                                <div class="featured_item_content">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut lab.</div>
                                                                <div class="featured_meta">
                                                                    <div class="date">
                                                                    	<i class="icon-calendar"></i>27 October, 2020
                                                                    </div>
                                                                    <div class="comments">
                                                                    	<a href="javascript:void(0);">
                                                                        	<i class="icon-comments"></i>11
                                                                        </a>
                                                                    </div>
                                                                </div>                                                                
                                                            </div>                                                            
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="350">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/blog/feature/3.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a class="featured_ico_link view_link" href="post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                                  
                                                            </div>                                                   
                                                            <div class="featured_items_body">
                                                                <div class="featured_items_title">
                                                                    <h5><a href="post_fullwidth.html">Neque Porro Quisquam</a></h5>
                                                                </div>
                                                                <div class="featured_item_content">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudanti.</div>
                                                                <div class="featured_meta">
                                                                    <div class="date">
                                                                    	<i class="icon-calendar"></i>26 October, 2020
                                                                    </div>
                                                                    <div class="comments">
                                                                    	<a href="javascript:void(0);">
                                                                        	<i class="icon-comments"></i>10
                                                                        </a>
                                                                    </div>
                                                                </div>                                                                
                                                            </div>                                                            
                                                        </div>
                                                    </div>
                                                </li>
                                                <li class="animate" data-anim-type="fadeInUp" data-anim-delay="450">
                                                    <div class="item">
                                                        <div class="item_wrapper">                                  
                                                            <div class="img_block wrapped_img">
                                                                <img alt="" src="img/blog/feature/4.jpg" />
                                                                <span class="block_fade"></span>
                                                                <div class="post_hover_info">
                                                                	<a class="featured_ico_link view_link" href="post_fullwidth.html"><i class="icon-link"></i></a>
                                                                </div>                                                                  
                                                            </div>                                                   
                                                            <div class="featured_items_body">
                                                                <div class="featured_items_title">
                                                                    <h5><a href="post_fullwidth.html">Quis Autem Vel Eum</a></h5>
                                                                </div>
                                                                <div class="featured_item_content">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consetur.</div>
                                                                <div class="featured_meta">
                                                                    <div class="date">
                                                                    	<i class="icon-calendar"></i>25 October, 2020
                                                                    </div>
                                                                    <div class="comments">
                                                                    	<a href="javascript:void(0);">
                                                                        	<i class="icon-comments"></i>15
                                                                        </a>
                                                                    </div>
                                                                </div>                                                                
                                                            </div>                                                            
                                                        </div>
                                                    </div>
                                                </li>                                      
                                            </ul>
                                        </div>
                                    </div>                                                         
                                </div>
                             </div>
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
    
    <div class="footer">
    	<div class="container">
        	<div class="pre_footer">
            	<div class="row">
                	<div class="col-sm-3">
                    	<div class="sidepanel widget_text">
                        	<h4 class="title">Contact Us</h4>
                        	<p>Maecenas etos sit amet, consectetur adipiscing elit. Terminal volutpat rutrum metro amet sollicitudin interdum.</p>
                            <p><span>Phone:</span> +1 (800) 456 37 96</p>
                            <p><span>Office:</span> 5826 Baker Street, New York</p>
                            <p><span>Email:</span> <a href="mailto:#">info@groutek.com</a></p>
                            <div class="footer_socials">
                            	<ul>
                                	<li><a href="javascript:void(0);" class="soc_fb"><i class="icon-facebook"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_tweet"><i class="icon-twitter"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_google"><i class="icon-google-plus"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_dribbble"><i class="icon-dribbble"></i></a></li>
                                    <li><a href="javascript:void(0);" class="soc_pinterest"><i class="icon-pinterest"></i></a></li>
                                </ul>
                            </div>
                        </div>	
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_posts">
                        	<h4 class="title">Recent Posts</h4>
                            <ul class="recent_posts">                                    
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post1.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Business Cards Design Trends</a>
                                        <div class="recent_posts_info">Dec 02, 2020  /  <a href="javascript:void(0);">2 comments</a></div>
                                    </div>                                    
                                </li>                                
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post2.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">This Maravelous App</a>
                                        <div class="recent_posts_info">Nov 18, 2020  /  <a href="javascript:void(0);">9 comments</a></div>
                                    </div>                                    
                                </li>
                                <li class="with_img">
                                    <div class="recent_posts_content">
                                    	<img src="img/imgs/widget_post3.jpg" alt="" />
                                        <a href="javascript:void(0);" class="title">Brand Paper Niceties</a>
                                        <div class="recent_posts_info">Nov 10, 2020  /  <a href="javascript:void(0);">0 comments</a></div>
                                    </div>                                    
                                </li>                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_twitter">
                        	<h4 class="title">Latest Twitts</h4>
                            <div class="tweet_module"></div>                          
                        </div>
                    </div>
                    <div class="col-sm-3">
                    	<div class="sidepanel widget_review">
                        	<h4 class="title">Last Review</h4>
                            <div class="last_review">
                            	<p class="review_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.</p>
                                <div class="clear"></div>
                                <div class="last_review_author">
                                	<h5>Richard Clark</h5>
                                    <h6>Creative Designer</h6>
                                    <img src="img/imgs/review_author.jpg" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_bottom">
            	<div class="copyright">Copyright 2020. All Rights Reserved by Groutek, Premium HTML Template.</div>
                <div class="clear"></div>
            </div>
        </div>
    </div>   
    
    <div class="fixed-menu"></div>
    
    <script type="text/javascript" src="js/jquery.min.js"></script>	
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/modules.js"></script>	
	<script type="text/javascript" src="js/theme.js"></script>
	<script type="text/javascript" src="js/color_panel.js"></script>
</body>
</html>